.root {

    /* Primary Brand Colors */
    -ericsson-White: #ffffff;
    -ericsson-DarkBlue: #00285f;

    /* Secondary Brand Colors */
    -ericsson-Purple: #7b0663;
    -ericsson-Red: #e32119;
    -ericsson-Orange: #f08a00;
    -ericsson-Yellow: #fabb00;
    -ericsson-Green: #89ba17;
    -ericsson-DarkGreen: #00625f;
    -ericsson-PaleBlue: #00a9d4;
    -ericsson-Black: #000000;
    -ericsson-Grey: #333333;
    -ericsson-GreySilver: #b1b3b4;
    -ericsson-TextLinkBlue: #0066b3;

    /* Full Blend */
    -ericsson-FullBlend: linear-gradient(to bottom right, #a1c517, #009045, #0082b6, #151f77, #db004f);

    /* Large Blends */
    -ericsson-LargeBlendGreen: linear-gradient(to bottom right, #a1c517, #009f80);
    -ericsson-LargeBlendBlue: linear-gradient(to bottom right, #009f80, #00529b);
    -ericsson-LargeBlendPurple: linear-gradient(to bottom right, #151f77, #db004f);

    /* Small Blends */
    -ericsson-SmallBlendGreen: linear-gradient(to bottom right, #a1c517, #30ab54);
    -ericsson-SmallBlendLightBlue: linear-gradient(to bottom right, #009f80, #0082b9);
    -ericsson-SmallBlendBlue: linear-gradient(to bottom right, #246ab3, #5f1f70);
    -ericsson-SmallBlendPurple: linear-gradient(to bottom right, #5f1f70, #db004f);
    -ericsson-SmallBlendOrange: linear-gradient(to bottom right, #e2001a, #f08a00);


    -fx-border-color: linear-gradient(to bottom right, #a1c517, #009045, #0082b6, #151f77, #db004f) -ericsson-Grey -ericsson-Grey -ericsson-Grey , -ericsson-Grey -ericsson-Grey -ericsson-Grey -ericsson-Grey ;
    -fx-background-color: transparent;
}

/*******************************************************************************
 *                                                                             *
 * BreadCrumbBar                                                               *
 *                                                                             *
 ******************************************************************************/

#breadcrumb-bar {
    -fx-padding: 0;
}

#breadcrumb-bar .button {
    -fx-padding: 0 3 0 3;
    -fx-border-color: null;
    -fx-border-insets: 0;
    -fx-border-image-source: url("../images/crumb.png");
    -fx-border-image-slice: 1 10 1 10 fill;
    -fx-border-image-width: 1 10 1 10;
    -fx-border-image-repeat: stretch;
}

#breadcrumb-bar .button:focused {
    -fx-border-image-source: url("../images/crumb-focused.png");
}

#breadcrumb-bar .button:hover {
    -fx-background-color: null;
    -fx-border-image-source: url("../images/crumb-hover.png");
}

#breadcrumb-bar .only-button {
    -fx-border-image-width: 0 0 0 0;
    -fx-border-image-repeat: stretch;
    -fx-border-image-source: url("../images/crumb-selected.png");
    -fx-border-color: transparent #6e737d transparent rgba(255,255,255,0.3) , transparent rgba(255,255,255,0.3) transparent transparent;
    -fx-border-insets: 0 0 1 0, 1;
}

#breadcrumb-bar .only-button:hover {
    -fx-border-image-source: url("../images/crumb-selected.png");
    -fx-border-image-insets: 0 0 1 0;
}

#breadcrumb-bar .only-button:focused {
    -fx-border-color: -fx-focus-color;
    -fx-border-width: 1.4;
}

#breadcrumb-bar .first-button {
    -fx-border-image-insets: 0 -5 1 0;
    -fx-border-image-width: 0 10 0 0;
    -fx-border-image-repeat: stretch;
    -fx-padding: 0 3 0 6;
}

#breadcrumb-bar .first-button:focused {
    -fx-border-color: transparent transparent transparent -fx-focus-color;
    -fx-border-width: 1.4;
}

#breadcrumb-bar .middle-button {
    -fx-border-image-insets: 0 -5 1 -4;
}

#breadcrumb-bar .last-button {
    -fx-border-image-insets: 0 0 0 -4;
    -fx-border-image-width: 0 0 0 10;
    -fx-border-image-repeat: stretch;
    -fx-border-image-source: url("images/crumb-selected.png");
    -fx-border-color: transparent #6e737d transparent transparent , transparent rgba(255,255,255,0.2) transparent transparent;
    -fx-border-insets: 0 0 1 0, 1;
}

#breadcrumb-bar .last-button:hover {
    -fx-border-image-source: url("images/crumb-selected.png");
}

#breadcrumb-bar .last-button:focused {
    -fx-border-color: transparent -fx-focus-color transparent transparent;
    -fx-border-width: 1.4;
}

/*******************************************************************************
 *                                                                             *
 * LogIn                                                               *
 *                                                                             *
 ******************************************************************************/

#loginWindowStyle{
    -fx-border-color:linear-gradient(#e2e1e1, -ericsson-GreySilver);
    -fx-background-radius: 12 12 12 12;
    -fx-background-color: -ericsson-White;
    -fx-border-radius: 12 12 12 12;
    -fx-border-width: 10;
}

#window-top-bar{
    -fx-border-color: #cfcece transparent transparent transparent , transparent transparent transparent transparent;
    -fx-border-insets: 0, 0 1 0 1;
}

#window-slide-out{
    -fx-border-color: -ericsson-Grey;
    -fx-background-color: linear-gradient(#e3e3e2, #bfbfbf);
}

#button-slide-out{

    -fx-font-size: 1px;
    -fx-background-color: null;

}

#lblEricssonStyle{
    -fx-text-fill: -ericsson-FullBlend;
    -fx-padding: 2 10 0 0;  
}

#brandLine{
    -fx-background-color: -fullBrand -ericsson-FullBlend
}

#InternalBorderPane {
    -fx-background-color: -ericsson-White;
    -fx-border-color: -ericsson-Grey;
    -fx-background-radius: 0 0 12 12;
    -fx-border-radius: 0 0 12 12;
    -fx-padding: 1px;

}

#btnModifyBubble{
    -fx-background-radius: 0 0 0 8;
    -fx-border-radius:  0 0 0 8;     
    -fx-text-fill: -ericsson-Grey;
    -fx-padding: 2 10 2 10;
    -fx-background-color: linear-gradient(#ececec, #a3a3a3);
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#747374, #bfbebe);
    -fx-font-size: 10px;
    -fx-font-family: Arial,Helvetica,sans-serif;
}

#btnModifyBubble:hover
{
    -fx-background-color: linear-gradient(#fefefe, #bfbebe);
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#9d9d9c, -ericsson-GreySilver);
}

#btnModifyBubble:pressed{
    -fx-background-color:#e4e4e3;
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#868686, #f4f4f4);
}

#btnModifyBubble:disabled{
    -fx-background-color:#efefef;
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#ababab, #d8d9d9);
    -fx-text-fill: #858686;

}

#btnAlarmsBubble{
    -fx-background-radius: 0 0 8 0;
    -fx-border-radius:  0 0 8 0;     
    -fx-text-fill: -ericsson-Grey;
    -fx-padding: 2 10 2 10;
    -fx-background-color: linear-gradient(#ececec, #a3a3a3);
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#747374, #bfbebe);
    -fx-font-size: 10px;
    -fx-font-family: Arial,Helvetica,sans-serif;
}

#btnAlarmsBubble:hover
{
    -fx-background-color: linear-gradient(#fefefe, #bfbebe);
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#9d9d9c, -ericsson-GreySilver);
}

#btnAlarmsBubble:pressed{
    -fx-background-color:#e4e4e3;
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#868686, #f4f4f4);
}

#btnAlarmsBubble:disabled{
    -fx-background-color:#efefef;
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#ababab, #d8d9d9);
    -fx-text-fill: #858686;

}

#btnExpand{ 
    -fx-graphic:url("../images/SliderLeft.png");     
    -fx-background-color: null;
    -fx-border-width: 0;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center; 
}
#btnExpand:hover{
    -fx-graphic:url("../images/SliderLeftHover.png");     
}

#btnCollapse{ 
    -fx-graphic:url("../images/SliderRight.png");     
    -fx-background-color: null;
    -fx-border-width: 0;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center; 
}
#btnCollapse:hover{
    -fx-graphic:url("../images/SliderRightHover.png");     
}

#idBtnMinimize{ 
    -fx-graphic:url("../images/minimize.png");     
    -fx-background-color: null;
    -fx-border-width: 0;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center; 
}
#idBtnMinimize:hover{
    -fx-graphic:url("../images/minimizeHover.png");     
}

#idBtnMaximize{
    -fx-background-color: null;
    -fx-graphic: url("../images/maximize.png");
    -fx-background-repeat: no-repeat;
    -fx-border-width: 0;
    -fx-background-position: center center;
}

#idBtnMaximize:hover {
    -fx-graphic:url("../images/maximizeHover.png");   
}

#idBtnClose{
    -fx-background-color: null;
    -fx-graphic: url("../images/closeWin.png");
    -fx-background-repeat: no-repeat;
    -fx-border-width: 0;
    -fx-background-position: center center;
}

#idBtnClose:hover{
    -fx-graphic:url("../images/closeWinHover.png");   
}

#sliderBox{
    -fx-border-width: 1;
}

/*******************************************************************************
 *                                                                             *
 * ProgressBarCancelButton                                                     *
 *                                                                             *
 ******************************************************************************/

#idProgressBarCancelButton{ 
    -fx-graphic:url("../images/progressBarCancel.png");     
    -fx-background-color: null;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center center; } 

#idProgressBarCancelButton:hover{ 
    -fx-graphic:url("../images/progressBarCancelHover.png");     
}

#idProgressBarCancelButton:checked{ 
    -fx-graphic:url("../images/progressBarCancelPressed.png");     
}

#idProgressBarCancelButton:disabled{ 
    -fx-graphic:url("../images/progressBarCancelDisabled.png");     

}

/*******************************************************************************
 *                                                                             *
 * FormStyle                                                                   *
 *                                                                             *
 ******************************************************************************/

#formStyle{

    -fx-background-color: black, white, linear-gradient(rgb(255,255,255), rgba(230,230,230));
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 0 0 13 13;
    -fx-padding: 15;
    -fx-effect: dropshadow( three-pass-box , black , 20, 0 , 0 , 0 );

}

/*******************************************************************************
 *                                                                             *
 * TaskStatus                                                                  *
 *                                                                             *
 ******************************************************************************/

#lblTaskStatus{
    -fx-font-size: 1.2em;
    -fx-font-weight: bold;
    -fx-text-fill: orangered;
}

/*******************************************************************************
 *                                                                             *
 * InternalTopFrame                                                            *
 *                                                                             *
 ******************************************************************************/

#internalTopFrame{
    -fx-background-color: linear-gradient(#ffffff, #cecdcd);
}

/*******************************************************************************
 *                                                                             *
 * InternalCaptionBox                                                          *
 *                                                                             *
 ******************************************************************************/

#captionBox{
    -fx-background-color: linear-gradient(#e3e3e2, #bfbfbf);
    -fx-border-color: #cfcece transparent transparent transparent , #cfcece transparent transparent transparent;
    -fx-effect: dropshadow(two-pass-box , rgba(0,0,0,0.7) , 7, 0.0 , 0 , 0);
}

/*******************************************************************************
 *                                                                             *
 * ToggleGroup                                                                 *
 *                                                                             *
 ******************************************************************************/

#toggleGroup{
    -fx-background-color: linear-gradient(#e6e7e8, #f3f3f3);
}

/*******************************************************************************
 *                                                                             *
 * TableView                                                                *
 *                                                                             *
 ******************************************************************************/

.table-view {
    -fx-skin: "com.sun.javafx.scene.control.skin.TableViewSkin";
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-table-header-border-color: rgba(208,209,210);
}

/* The column-resize-line is shown when the user is attempting to resize a column. */
.table-view .column-resize-line {
    -fx-background: null;
    -fx-background-color: null;

    -fx-padding: 0.0em 0.0416667em 0.0em 0.0416667em; /* 0 0.571429 0 0.571429 */
}

/* This is the area behind the column headers. An ideal place to specify background
   and border colors for the whole area (not individual column-header's). */
.table-view .column-header-background {
    -fx-background-color: rgba(208,209,210);
    -fx-padding: 0;
}

/* The column header row is made up of a number of column-header, one for each
   TableColumn, and a 'filler' area that extends from the right-most column
   to the edge of the tableview, or up to the 'column control' button. */
.table-view .column-header, .table-view .filler, .table-view .column-drag-header {
    -fx-text-fill: -fx-selection-bar-text;


    -fx-font-size: 1.083333em; /* 13pt - 1 more than the default font */
    -fx-size: 25;
    -fx-border-style: solid;
    -fx-border-color: null;
    -fx-border-insets: 0;
}

.table-view .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: 0.25em 0.3125em 0.25em 0.3125em; /* 3 3.75 3 3.75 */
    -fx-shape: "M307.72,398.445l1.138-1.383c0.141-0.17,0.113-0.441-0.057-0.58c-0.084-0.07-0.191-0.104-0.301-0.094    c-0.109,0.012-0.209,0.064-0.279,0.148l-1.139,1.383c-0.125,0.154-0.211,0.166-0.281,0.166s-0.156-0.012-0.281-0.166    c-0.336-0.41-1.547-1.953-1.547-1.953s-1.083-1.379-1.443-1.816c-0.143-0.176-0.403-0.201-0.58-0.059    c-0.096,0.078-0.15,0.195-0.15,0.32c0,0.094,0.033,0.188,0.094,0.26c0.353,0.432,1.41,1.777,1.431,1.805    c0,0,1.22,1.551,1.559,1.967c0.257,0.314,0.558,0.469,0.919,0.469S307.463,398.758,307.72,398.445z M310.023,395.537c0.363-0.459,0.637-0.803,0.684-0.859c0.141-0.168,0.117-0.441-0.051-0.582    c-0.084-0.07-0.191-0.104-0.301-0.094c-0.109,0.008-0.209,0.061-0.279,0.145c-0.049,0.057-0.327,0.408-0.699,0.879    c-0.058,0.072-0.089,0.162-0.089,0.256c0,0.127,0.057,0.244,0.157,0.322c0.086,0.068,0.193,0.1,0.303,0.088    C309.857,395.678,309.955,395.623,310.023,395.537z";
}

.table-view .column-header .sort-order {
    -fx-font-size: 0.916667em; /* 11pt - 1 less than the default font */
}

.table-row-cell:odd {
    -fx-background-color: rgba(224,225,225);
    -fx-background-insets: 0, 0 0 1 0;
}

.table-row-cell:even {
    -fx-background-color: rgba(239,240,240);
    /*        -fx-table-cell-border-color, derive(-fx-control-inner-background,-5%);*/
    -fx-background-insets: 0, 0 0 1 0;
}

/** Gray**/
#TableGray .table-view .column-header-background 
{
    -fx-background-color: rgba(208,209,210);
}

#TableGray .table-row-cell:odd 
{
    -fx-background-color: rgba(239,240,240);
}

#TableGray .table-row-cell:even
{
    -fx-background-color: rgba(224,225,225);
}

/* When the table-row-cell is selected and focused */
#TableGray .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableGray .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableGray .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableGray .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** Purple **/
#TablePurple .table-view .column-header-background {
    -fx-background-color: rgba(176,106,161);
}

#TablePurple .table-row-cell:odd 
{
    -fx-background-color: rgba(229,205,224);
}

#TablePurple .table-row-cell:even
{
    -fx-background-color: rgba(217,183,210);
}

/* When the table-row-cell is selected and focused */
#TablePurple .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TablePurple .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TablePurple .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TablePurple .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** Cyan **/
#TableCyan .table-view .column-header-background {
    -fx-background-color: rgba(102,203,229);
}

#TableCyan .table-row-cell:odd 
{
    -fx-background-color: rgba(204,238,246);
}

#TableCyan .table-row-cell:even
{
    -fx-background-color: rgba(178,229,242);
}

/* When the table-row-cell is selected and focused */
#TableCyan .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableCyan .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableCyan .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableCyan .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** Yellow **/
#TableYellow .table-view .column-header-background {
    -fx-background-color: rgba(252,214,102);
}

#TableYellow .table-row-cell:odd 
{
    -fx-background-color: rgba(254,241,204);
}

#TableYellow .table-row-cell:even
{
    -fx-background-color: rgba(253,228,153);
}

/* When the table-row-cell is selected and focused */
#TableYellow .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableYellow .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableYellow .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableYellow .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** Red **/
#TableRed .table-view .column-header-background {
    -fx-background-color: rgba(237,122,117);
}

#TableRed .table-row-cell:odd 
{
    -fx-background-color: rgba(249,211,209);
}

#TableRed .table-row-cell:even
{
    -fx-background-color: rgba(247,193,190);
}

/* When the table-row-cell is selected and focused */
#TableRed .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableRed .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableRed .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableRed .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** Black **/
#TableBlack .table-view .column-header-background {
    -fx-background-color: rgba(025,025,025);
}

#TableBlack .table-row-cell:odd 
{
    -fx-background-color: rgba(061,061,061);
}

#TableBlack .table-row-cell:even
{
    -fx-background-color: rgba(051,051,051);
}

/* When the table-row-cell is selected and focused */
#TableBlack .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableBlack .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableBlack .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableBlack .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** Green **/
#TableGreen .table-view .column-header-background {
    -fx-background-color: rgba(184,214,102);
}

#TableGreen .table-row-cell:odd 
{
    -fx-background-color: rgba(231,241,204);
}

#TableGreen .table-row-cell:even
{
    -fx-background-color: rgba(208,237,153);
}

/* When the table-row-cell is selected and focused */
#TableGreen .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableGreen .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableGreen .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableGreen .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/** DarkGreen **/
#TableDarkGreen .table-view .column-header-background {
    -fx-background-color: rgba(102,161,159);
}

#TableDarkGreen .table-row-cell:odd 
{
    -fx-background-color: rgba(204,224,223);
}

#TableDarkGreen .table-row-cell:even
{
    -fx-background-color: rgba(183,211,210);
}

/* When the table-row-cell is selected and focused */
#TableDarkGreen .table-view:focused .table-row-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableDarkGreen .table-view:focused .table-row-cell:filled:selected .table-cell {
    -fx-text-fill: -fx-selection-bar-text;
}

#TableDarkGreen .table-view:focused .table-row-cell:filled:selected, .table-view:row-selection .table-row-cell:filled:hover:selected {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-selection-bar;
    -fx-text-fill: -fx-selection-bar-text;
}

#TableDarkGreen .table-view:focused .table-row-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/*******************************************************************************
 *                                                                             *
 * ToggleButton                                                                *
 *                                                                             *
 ******************************************************************************/

.toggle-button {
    -fx-skin: "com.sun.javafx.scene.control.skin.ToggleButtonSkin";
    -fx-background-color: linear-gradient(#f3f3f3, #e6e7e8);
    -fx-border-width: 2 2 1 2;
    -fx-border-color: #b9bbbb;
    -fx-padding: 0.166667em 0.833333em 0.25em 0.833333em; /* 2 10 3 10 */
    -fx-text-fill: -fx-text-base-color;
    -fx-alignment: CENTER;
    -fx-graphic-vpos: CENTER;
}

.toggle-button:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color: linear-gradient(#f3f3f3, #e6e7e8);
}

.toggle-button:hover {
    -fx-color: -fx-hover-base;
}

.toggle-button:armed {
    -fx-color: -fx-pressed-base;
}

.toggle-button:selected {
    -fx-border-color: #b9bbbb #b9bbbb #b9bbbb transparent;
    -fx-background-color:-ericsson-White;
    -fx-text-fill: -ericsson-Black;
}

.toggle-button:selected:focused {
    -fx-color: -fx-focused-base;
    -fx-background-color:-ericsson-White;
}

.toggle-button:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.toggle-button:show-mnemonics .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
} 


/*******************************************************************************
 *                                                                             *
 * Tooltip                                                                     *
 *                                                                             *
 ******************************************************************************/

.tooltip {
    -fx-skin: "com.sun.javafx.scene.control.skin.TooltipSkin";
    -fx-background-color:linear-gradient(-ericsson-White, #cecdcd);
    -fx-background-insets: 0,1,2;
    -fx-background-radius: 0 0 13 0;
    -fx-padding: 0.333333em 0.666667em 0.333333em 0.666667em; /* 4 8 4 8 */
    /*    -fx-effect: dropshadow( three-pass-box , #a1c517, #009045, #0082b6, #151f77, #db004f );*/
}

.page-corner {
    -fx-padding: 4.5 4.5 4.5 4.5;
    -fx-background-color: linear-gradient(-ericsson-White, #cecdcd);
    -fx-shape: "M0,0H9L0,9Z";
    /*    -fx-effect: dropshadow( three-pass-box , #a1c517, #009045, #0082b6, #151f77, #db004f );*/
}

#PrefPane {
    -fx-background-image: url("../images/background.png"); 
    /*    -fx-background: -ericsson-Black; */
    /*    -fx-effect: innershadow( three-pass-box , rgba(0,0,0,0.4) , 80, 0.0 , 0 , 0 );*/
}

#ModalDimmer {
    -fx-background-color: rgb(0,0,0,0.5);
}

#ProxyDialog {
    -fx-opacity: 0.60;
    -fx-background-color: -ericsson-Black, -ericsson-White, linear-gradient(rgb(0,0,0), rgba(185,185,185));
    /*    -fx-background-color: rgba(88,88,88,.8);*/
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 15, 14, 13;
    -fx-padding: 15;
    -fx-effect: dropshadow( three-pass-box , -ericsson-Black , 20, 0 , 0 , 0 );
}

#ProxyDialog #title {
    -fx-font-size: .9em;
    -fx-font-weight: bold;
    -fx-text-fill: orangered;
}

#mainToolBar {
    /*    -fx-padding: 10px;*/
    /*    -fx-background-image: url("../images/window-bar.png");*/
    -fx-border-color: transparent transparent transparent transparent , transparent transparent -ericsson-Black transparent;
    -fx-border-insets: 0, 0 1 0 1;
    /*    -fx-background-radius: 12 12 0 0;*/
    -fx-background-color: linear-gradient(-ericsson-White, #cecdcd);
}

#lineToolBar {

    -fx-background-color: -ericsson-FullBlend

}

#bottomToolBar {
    -fx-padding: 10px;
    /*    -fx-background-image: url("../images/window-bar.png"); cfcece*/

    -fx-border-color: #cfcece transparent transparent transparent , transparent transparent transparent transparent ;
    -fx-border-insets: 0, 0 1 0 1;

    -fx-background-radius: 0 0 12 12;
    -fx-background-size: cover;
    -fx-background-position: left top;
    -fx-background-repeat: no-repeat;
}
#bottomToolBar:hover {

    -fx-effect: dropshadow( three-pass-box , rgba(255,255,255,0.6) , 10, 0.5 , 0 , 0 );

}
#newButton {
    -fx-background-color: null;
    -fx-padding: -10 0 -10 0;
    -fx-background-image: url("../images/ribbon-new.png");
    -fx-background-position: left top;
    -fx-background-repeat: no-repeat;
}
#highlightsButton {
    -fx-background-color: null;
    -fx-padding: -10 0 -10 0;
    -fx-background-image: url("../images/ribbon-highlights.png");
    -fx-background-position: left top;
    -fx-background-repeat: no-repeat;
}
#highlightsButton:hover, #newButton:hover {
    -fx-effect: dropshadow( three-pass-box , rgba(255,255,255,0.6) , 10, 0.5 , 0 , 0 );
}

#SearchBox .text-field {
    -fx-background-color: -ericsson-White;
    -fx-background-insets: 1;
    -fx-background-radius: 6;
    -fx-padding: -9 5 -11 0;
    -fx-border-image-source: url("../images/search-box.png");
    -fx-border-image-slice: 12 12 12 22 fill;
    -fx-border-image-width: 12 12 12 22;
    -fx-border-image-repeat: stretch; 
    -fx-font-size: 13px;
    -fx-prompt-text-fill: grey;
}

#SearchBox .button {
    -fx-background-color: null;
    -fx-background-image: url("../images/search-clear.png");
}
#SearchBox .button:hover {
    -fx-background-image: url("../images/search-clear-over.png");
}
.search-menu-item {
    -fx-border-color: transparent transparent transparent #bbbbbb;
    -fx-border-insets: 0 0 0 69;
    -fx-padding: 4 5 4 -64;
}
.search-menu-item:selected , .search-menu-item:hover , .search-menu-item:focused {
    -fx-border-color: transparent transparent transparent derive(-fx-focus-color,30%);
}
.search-menu-item-popup-region { -fx-opacity: 0; }
.search-menu-item:hover .search-menu-item-popup-region , .search-menu-item:focused .search-menu-item-popup-region {
    -fx-opacity: 100%;
}
#search-info-box {
    -fx-padding: -30 -6 -8 -2;
    -fx-border-image-source: url("../images/info-tooltip.png");
    -fx-border-image-slice: 34 20 12 12 fill;
    -fx-border-image-width: 34 20 12 12;
    -fx-border-image-repeat: stretch;
}
#search-info-name {
    -fx-text-fill: -ericsson-White;
}
#search-info-description {
    -fx-padding: 5 0 5 0;
    -fx-text-fill: -ericsson-White;
}
.group-label {
    -fx-text-fill: #666666;
    -fx-font-size: 11px;
    -fx-padding: 2 10 0 0;
}
.search-menu-item:selected .group-label, .search-menu-item:hover .group-label, .search-menu-item:focused .group-label{
    -fx-text-fill: -ericsson-White;
}
#window-resize-button {
    -fx-background-image: url("../images/window-resize.png");
    -fx-background-position: right 1px bottom 1px;
    -fx-background-repeat: no-repeat;
}
#window-close {
    -fx-font-size: 1px;
    -fx-background-color: null;
    -fx-background-image: url("../images/window-close.png");
    /*    -fx-padding: 6 6 6 6;*/
}
#window-min {
    -fx-font-size: 1px;
    -fx-background-color: null;
    -fx-background-image: url("../images/window-iconify.png");
    /*    -fx-padding: 6 6 6 6;*/
}
#window-max {
    -fx-font-size: 1px;
    -fx-background-color: null;
    -fx-background-image: url("../images/window-maximize.png");
    /*    -fx-padding: 6 6 6 6;*/
}
#page-area {
    -fx-background-color: -ericsson-White;
    -fx-padding: 0;
}

/* Window Button Styles */
.window-button {
    -fx-skin: "com.sun.javafx.scene.control.skin.ButtonSkin";
    -fx-background-color: #616161, #464646, #505050;
    -fx-background-insets: 0,1,2;
    -fx-background-radius: 6,5,4;
    -fx-padding: 0 0 0 0;
    /* workaround for button sizing */
    -fx-font-size: 1px;
}
.window-button:focused {
    -fx-background-color: -fx-accent, #464646, #505050;
    -fx-background-insets: -0.4,1,2;
    -fx-background-radius: 6.4,5,4;
}
.window-button:hover {
    -fx-background-color: #616161, -ericsson-White, -fx-accent;
}
.window-button:pressed {
    -fx-background-color: #616161, -ericsson-White, #303030;
}
.window-button Rectangle {
    -fx-fill: #949494;
}
.window-button:hover Rectangle {
    -fx-fill: -ericsson-White;
}

/*******************************************************************************
 *                                                                             *
 * SplitPane                                                                   *
 *                                                                             *
 ******************************************************************************/

.split-pane > * > * > .table-view { -fx-padding: 0px; }
.split-pane > * > * > .list-view { -fx-padding: 0px; }
.split-pane > * > * > .tree-view { -fx-padding: 0px; }
.split-pane > * > * > .scroll-pane { -fx-padding: 0px; }
.split-pane > * > * > .split-pane {
    -fx-background-insets: 0, 0;
    -fx-padding: 0;
}

.split-pane {
    -fx-skin: "com.sun.javafx.scene.control.skin.SplitPaneSkin";
    -fx-background-color: null;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.split-pane *.split-pane-divider {
    -fx-padding: 0 2 0 2; /* 0 3 0 3 */
}

/* horizontal the two nodes are placed to the left/right of each other. */
.split-pane:horizontal > * > .split-pane-divider {
    -fx-background-color: null;
    -fx-background-insets: 0;
    -fx-padding: 2;
}

/* vertical the two nodes are placed on top of each other. */
.split-pane:vertical > * > .split-pane-divider {
    -fx-background-color: null;
    -fx-background-insets: 0;
    -fx-padding: 2;
}

.split-pane *.horizontal-grabber {
    -fx-padding: 5 1 5 1;
    -fx-background-color: #d0d0d0;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-shape: "M0 0 L0 0 L2 0 L2 2 L0 2 Z M0 4 L0 4 L2 4 L2 6 L0 6 Z M0 8 L0 8 L2 8 L2 10 L0 10 Z";
}

.split-pane *.vertical-grabber {
    -fx-padding: 1 5 1 5;
    -fx-background-color: #d0d0d0;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-shape: "M0 0 L0 0 L2 0 L2 2 L0 2 Z M4 0 L4 0 L4 2 L6 2 L6 0 Z M8 0 L8 0 L8 2 L10 2 L10 0 Z";
}

/*******************************************************************************
 *                                                                             *
 * Separator                                                                   *
 *                                                                             *
 ******************************************************************************/

.separator {
    -fx-skin: "com.sun.javafx.scene.control.skin.SeparatorSkin";
}

.separator .line {
    -fx-border-style: segments(0.166667em, 0.166667em);
    -fx-border-width: 0.083333em; /* 1 */
}

.separator:horizontal .line {
    -fx-background-color: null;
    -fx-padding: 0.083333em 0.0em 0.0em 0.0em; /* 1 0 0 0 */
    -fx-border-color: derive(-fx-background,-20%) transparent transparent transparent;
}

.separator:vertical .line {
    -fx-background-color: null;
    -fx-padding: 0.0em 0.083333em 0.0em 0.0em; /* 0 1 0 0 */
    -fx-border-color:  transparent derive(-fx-background,-20%) transparent transparent;
}


/*******************************************************************************
 *                                                                             *
 * ScrollBar                                                                   *
 *                                                                             *
 ******************************************************************************/

.scroll-bar:horizontal *.thumb {
    -fx-background-color:
        linear-gradient(#d0d1d2, #a5a4a4),
        linear-gradient(-ericsson-White, #a5a4a4),
        linear-gradient(#f4f4f4, #c8c8c8);
    -fx-background-radius: 100, 100, 100;
    -fx-background-insets: 0,2,2 4 2 4,5;
}


.scroll-bar:horizontal *.track {
    -fx-background-color: 
        #e6e7e9,
        linear-gradient(from 0% 0% to 0% 100%, #eff0f0 0%, -ericsson-White 40%);
    -fx-background-insets: 2 0 2 0;
}

.scroll-bar:horizontal *.increment-button {
    -fx-background-color: 
        #e6e7e9,
        linear-gradient(from 0% 0% to 0% 100%, #eff0f0 0%, -ericsson-White 40%);
    -fx-background-insets: 2 0 2 0;
    -fx-padding: 4 2 4 4;
}

.scroll-bar:horizontal *.decrement-button {  
    -fx-background-color: 
        #e6e7e9,
        linear-gradient(from 0% 0% to 0% 100%, #eff0f0 0%, -ericsson-White 40%);
    -fx-background-insets: 2 0 2 0;
    -fx-padding: 4 4 4 2;
}


.scroll-bar:horizontal *.increment-arrow {
    -fx-padding: 3;
    -fx-shape:"M308.445,395.079l-1.383-1.138c-0.169-0.141-0.441-0.113-0.58,0.057c-0.07,0.084-0.104,0.191-0.094,0.301 c0.012,0.109,0.064,0.209,0.148,0.279l1.382,1.139c0.154,0.125,0.166,0.211,0.166,0.281s-0.012,0.156-0.166,0.281 c-0.41,0.336-1.953,1.547-1.953,1.547s-1.379,1.083-1.816,1.443c-0.176,0.143-0.201,0.403-0.059,0.58 c0.078,0.096,0.195,0.15,0.32,0.15c0.094,0,0.188-0.033,0.26-0.094c0.432-0.353,1.777-1.41,1.805-1.431c0,0,1.55-1.22,1.966-1.559 c0.314-0.257,0.469-0.558,0.469-0.919S308.758,395.336,308.445,395.079z         M305.538,392.775c-0.459-0.363-0.803-0.637-0.859-0.684c-0.168-0.141-0.441-0.117-0.582,0.051 c-0.07,0.084-0.104,0.191-0.094,0.301c0.008,0.109,0.061,0.209,0.145,0.279c0.057,0.049,0.408,0.327,0.879,0.699 c0.072,0.058,0.162,0.089,0.256,0.089c0.127,0,0.244-0.057,0.322-0.157c0.068-0.086,0.1-0.193,0.088-0.303 C305.678,392.941,305.624,392.844,305.538,392.775z";
}

.scroll-bar:horizontal *.increment-arrow:hover {
    -fx-background-color:#0599CE;
}

.scroll-bar:horizontal *.decrement-arrow {
    -fx-padding: 3;
    -fx-shape:"M304.088,395.797c0,0.361,0.154,0.662,0.469,0.919c0.416,0.339,1.967,1.559,1.967,1.559    c0.027,0.021,1.373,1.078,1.805,1.431c0.072,0.061,0.166,0.094,0.26,0.094c0.125,0,0.242-0.055,0.32-0.15    c0.143-0.177,0.117-0.438-0.059-0.58c-0.438-0.36-1.816-1.443-1.816-1.443s-1.543-1.211-1.953-1.547 c-0.154-0.125-0.166-0.211-0.166-0.281s0.012-0.156,0.166-0.281l1.383-1.139c0.084-0.07,0.137-0.17,0.148-0.279    c0.01-0.109-0.023-0.217-0.094-0.301c-0.139-0.17-0.41-0.197-0.58-0.057l-1.383,1.138    C304.242,395.135,304.088,395.436,304.088,395.797z M307.309,392.85c-0.012,0.109,0.02,0.217,0.088,0.303c0.078,0.101,0.195,0.157,0.322,0.157    c0.094,0,0.184-0.031,0.256-0.089c0.471-0.372,0.822-0.65,0.879-0.699c0.084-0.07,0.137-0.17,0.145-0.279    c0.01-0.109-0.023-0.217-0.094-0.301c-0.141-0.168-0.414-0.191-0.582-0.051c-0.057,0.047-0.4,0.32-0.859,0.684 C307.377,392.643,307.322,392.74,307.309,392.85z";
}

.scroll-bar:horizontal *.decrement-arrow:hover {
    -fx-background-color:#0599CE;
}

.scroll-bar:vertical *.thumb {
    -fx-background-color:
        linear-gradient(#d0d1d2, #a5a4a4),
        linear-gradient(-ericsson-White, #a5a4a4),
        linear-gradient(#f4f4f4, #c8c8c8);
    -fx-background-radius: 100, 100, 100; 
    -fx-background-insets: 0,2,4 2 4 2,5;
}


.scroll-bar:vertical *.track {
    -fx-background-color: 
        #e6e7e9,
        linear-gradient(from 0% 0% to 100% 0%, #eff0f0 0%, -ericsson-White 40%);
    -fx-background-insets: 0 2 0 2;
}

.scroll-bar:vertical *.increment-button {
    -fx-background-color: 
        #e6e7e9,
        linear-gradient(from 0% 0% to 100% 0%, #eff0f0 0%, -ericsson-White 40%); 
    -fx-background-insets: 0 2 0 2;
    -fx-padding: 2 4 4 4;
}

.scroll-bar:vertical *.decrement-button {
    -fx-background-color: 
        #e6e7e9,
        linear-gradient(from 0% 0% to 100% 0%, #eff0f0 0%, -ericsson-White 40%);
    -fx-background-insets: 0 2 0 2;
    -fx-padding: 4 4 2 4;
}

.scroll-bar:vertical *.increment-arrow {
    -fx-padding: 3;
    -fx-shape:"M307.72,398.445l1.138-1.383c0.141-0.17,0.113-0.441-0.057-0.58c-0.084-0.07-0.191-0.104-0.301-0.094 c-0.109,0.012-0.209,0.064-0.279,0.148l-1.139,1.383c-0.125,0.154-0.211,0.166-0.281,0.166s-0.156-0.012-0.281-0.166 c-0.336-0.41-1.547-1.953-1.547-1.953s-1.083-1.379-1.443-1.816c-0.143-0.176-0.403-0.201-0.58-0.059 c-0.096,0.078-0.15,0.195-0.15,0.32c0,0.094,0.033,0.188,0.094,0.26c0.353,0.432,1.41,1.777,1.431,1.805 c0,0,1.22,1.551,1.559,1.967c0.257,0.314,0.558,0.469,0.919,0.469S307.463,398.758,307.72,398.445z M310.023,395.537c0.363-0.459,0.637-0.803,0.684-0.859c0.141-0.168,0.117-0.441-0.051-0.582 c-0.084-0.07-0.191-0.104-0.301-0.094c-0.109,0.008-0.209,0.061-0.279,0.145c-0.049,0.057-0.327,0.408-0.699,0.879 c-0.058,0.072-0.089,0.162-0.089,0.256c0,0.127,0.057,0.244,0.157,0.322c0.086,0.068,0.193,0.1,0.303,0.088 C309.857,395.678,309.955,395.623,310.023,395.537z";
}

.scroll-bar:vertical *.increment-arrow:hover {
    -fx-background-color:#0599CE;
}

.scroll-bar:vertical *.decrement-arrow {
    -fx-padding: 3;
    -fx-shape:"M310.799,398.5c0,0.125-0.055,0.242-0.15,0.32c-0.177,0.143-0.438,0.117-0.58-0.059 c-0.36-0.438-1.443-1.816-1.443-1.816s-1.211-1.543-1.547-1.953c-0.125-0.154-0.211-0.166-0.281-0.166s-0.156,0.012-0.281,0.166  l-1.139,1.383c-0.07,0.084-0.17,0.137-0.279,0.148c-0.109,0.01-0.217-0.023-0.301-0.094c-0.17-0.139-0.197-0.41-0.057-0.58  l1.138-1.383c0.257-0.313,0.558-0.467,0.919-0.467s0.662,0.154,0.919,0.469c0.339,0.416,1.559,1.967,1.559,1.967  c0.021,0.027,1.078,1.373,1.431,1.805C310.766,398.313,310.799,398.406,310.799,398.5z M303.85,397.221  c-0.109,0.014-0.207,0.068-0.275,0.154c-0.363,0.459-0.637,0.803-0.684,0.859c-0.141,0.168-0.117,0.441,0.051,0.582  c0.084,0.07,0.191,0.104,0.301,0.094c0.109-0.008,0.209-0.061,0.279-0.145c0.049-0.057,0.327-0.408,0.699-0.879 c0.058-0.072,0.089-0.162,0.089-0.256c0-0.127-0.057-0.244-0.157-0.322C304.066,397.24,303.959,397.209,303.85,397.221z";
}

.scroll-bar:vertical *.decrement-arrow:hover {
    -fx-background-color:#0599CE;
}

/*******************************************************************************
 *                                                                             *
 * Button                                                                   *
 *                                                                             *
 ******************************************************************************/

.button
{
    -fx-background-radius: 6;
    -fx-border-radius: 6;     
    -fx-text-fill: -ericsson-Grey;
    -fx-padding: 5 10 6 10;
    -fx-background-color: 
        linear-gradient(#bfbebe, #747374),
        #f4f4f4,
        #868686,
        linear-gradient(#e4e4e3, #a2a2a1);

    -fx-font-size: 13px;
    -fx-font-family: Arial,Helvetica,sans-serif;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 2 1 2 1;
}

.button:hover
{
    -fx-background-color: 
        linear-gradient(#bfbebe, #747374),
        #ffffff,
        linear-gradient(#ffffff, #9d9d9c),
        linear-gradient(#fefefe, #bfbebe);
    -fx-background-insets: 0 0 0 0, 2 2 2 2, 3 2 2 2, 3 2 3 2;
    -fx-border-width:2;
    -fx-border-insets:-2;
    -fx-border-color: #b1b3b4;
}

.button:pressed
{
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 2 1 2 1;
    -fx-background-color: 
        linear-gradient(#bfbebe, #747374),
        #f4f4f4,
        #868686,
        #e4e4e3;
}

.button:disabled{
    -fx-background-color:#efefef;
    -fx-border-width: 1;
    -fx-border-color: linear-gradient(#d8d9d9, #ababab);
    -fx-text-fill: #858686;

}

#DefaultBlue .button:default
{
    -fx-background-color: 
        linear-gradient(#bfbebe, #747374),
        #ffffff,
        linear-gradient(#ffffff, #9d9d9c),
        linear-gradient(#fefefe, #bfbebe);
    -fx-background-insets: 0 0 0 0, 2 2 2 2, 3 2 2 2, 3 2 3 2;
    -fx-border-width:2;
    -fx-border-insets:-2;
    -fx-border-color: -ericsson-PaleBlue;
    -fx-border-color: #00a9d4;    
}

#DefaultRed .button:default{
    -fx-background-color: 
        linear-gradient(#bfbebe, #747374),
        #ffffff,
        linear-gradient(#ffffff, #9d9d9c),
        linear-gradient(#fefefe, #bfbebe);
    -fx-background-insets: 0 0 0 0, 2 2 2 2, 3 2 2 2, 3 2 3 2;
    -fx-border-width:2;
    -fx-border-insets:-2;
    -fx-border-color: -ericsson-Red;
    -fx-border-color: #e32219;
}

/* Button Blue */
#ButtonBlue .button
{
    -fx-background-radius: 6;
    -fx-border-radius: 6;
    -fx-text-fill: -ericsson-White;
    -fx-padding: 5 10 6 10;
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#abbfd4, #1d335a),
        linear-gradient(#316196, #1b3d6f);

    -fx-font-size: 13px;
    -fx-font-family: Arial,Helvetica,sans-serif;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 3 2 3 2;
}

#ButtonBlue .button:hover
{
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#98d5ea, #12427a),
        linear-gradient(#0697cb, #0a5097);
    -fx-background-insets: 0 0 0 0, 2 2 2 2, 3 2 2 2, 3 2 3 2;
    -fx-border-width:2;
    -fx-border-insets:-2;
    -fx-border-color: #00a9d4;
}	

#ButtonBlue .button:pressed
{
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 2 1 2 1;
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#abbfd4, #1d335a),
        #316196;
    -fx-border-width:0;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 3 2 3 2;
    -fx-border-insets:0;
}

/* Button Green */
#ButtonGreen .button
{
    -fx-background-radius: 6;
    -fx-border-radius: 6;
    -fx-text-fill: -ericsson-White;
    -fx-padding: 5 10 6 10;
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#d1e2ad, #27883c),
        linear-gradient(#90c039, #2ea547);

    -fx-font-size: 13px;
    -fx-font-family: Arial,Helvetica,sans-serif;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 3 2 3 2;
}

#ButtonGreen .button:hover
{
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#e1eaba, #469236),
        linear-gradient(#b7d058, #59b143);
    -fx-background-insets: 0 0 0 0, 2 2 2 2, 3 2 2 2, 3 2 3 2;
    -fx-border-width:2;
    -fx-border-insets:-2;
    -fx-border-color: #89ba17;
}	

#ButtonGreen .button:pressed
{
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 2 1 2 1;
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#e1eaba, #469236),
        #90c039;
    -fx-border-width:0;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 3 2 3 2;
    -fx-border-insets:0;
}

/* Button Red */
#ButtonRed .button
{
    -fx-background-radius: 6;
    -fx-border-radius: 6;
    -fx-text-fill: -ericsson-White;
    -fx-padding: 5 10 6 10;
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#f4a5a1, #8d1913),
        linear-gradient(#e2271d, #ac1d17);

    -fx-font-size: 13px;
    -fx-font-family: Arial,Helvetica,sans-serif;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 3 2 3 2;
}

#ButtonRed .button:hover
{
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#f7bfc0, #ba231c),
        linear-gradient(#ec6566, #e12b22);
    -fx-background-insets: 0 0 0 0, 2 2 2 2, 3 2 2 2, 3 2 3 2;
    -fx-border-width:2;
    -fx-border-insets:-2;
    -fx-border-color: #e32219;
}	

#ButtonRed .button:pressed
{
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 2 1 2 1;
    -fx-background-color: 
        linear-gradient(#adadad, #2b2c2c),
        #ffffff,
        linear-gradient(#f7bfc0, #8d1913),
        #cd3434;
    -fx-border-width:0;
    -fx-background-insets: 0 0 0 0, 1 1 1 1, 2 1 1 1, 3 2 3 2;
    -fx-border-insets:0;
}

/*******************************************************************************
 *                                                                             *
 * CheckBox                                                                    *
 *                                                                             *
 ******************************************************************************/

.check-box {
    -fx-skin: "com.sun.javafx.scene.control.skin.CheckBoxSkin";
    -fx-label-padding: 0.0em 0.0em 0.0em 0.416667em; /* 0 0 0 5 */
}

.check-box:focused {
    -fx-color: -fx-focused-base;
}

.check-box .text {
    -fx-text-fill: -fx-text-background-color;
}

.check-box .box {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-padding: 0.25em; /* 3 -- padding from the outside edge to the mark */
}

.check-box:focused .box {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-background-radius: 3.4, 2, 1, 1;
}

.check-box:hover .box {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-color: -fx-hover-base;
}

.check-box:armed .box {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-background-radius: 5;
    -fx-border-radius: 5;
    -fx-color: -fx-pressed-base;
}

.check-box .mark {
    -fx-background-color: transparent;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: 0.333333em; /* 4 -- this is half the size of the mark */
    -fx-shape: "M0,4H2L3,6L6,0H8L4,8H2Z";
}

.check-box:indeterminate .mark {
    -fx-background-color:#72922c;
    -fx-shape: "M0,0H8V2H0Z";
    -fx-scale-shape: false;
}

.check-box:selected .mark {
    -fx-background-color:#72922c;
}

.check-box:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.check-box:show-mnemonics .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
} 

/*******************************************************************************
 *                                                                             *
 * RadioButton                                                                 *
 *                                                                             *
 ******************************************************************************/

.radio-button {
    -fx-skin: "com.sun.javafx.scene.control.skin.RadioButtonSkin";
    -fx-label-padding: 0.0em 0.0em 0.0em 0.416667em; /* 0 0 0 5 */
}

.radio-button:focused {
    -fx-color: -fx-focused-base;
}

.radio-button .text {
    -fx-text-fill: -fx-text-background-color;
}

.radio-button .radio  {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-background-radius: 1.0em; /* large value to make sure this remains circular */
    -fx-padding: 0.333333em; /* 4 -- padding from outside edge to the inner -ericsson-Black dot */
}

.radio-button:focused .radio {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-background-radius: 1.0em; /* large value to make sure this remains circular */
    -fx-background-insets: -1.4, 0, 1, 2;
}

.radio-button:hover .radio {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-color: -fx-hover-base;
}
.radio-button:armed .radio {
    -fx-background-color: #868686, #d2d2d2, -ericsson-White;
    -fx-background-insets: 0, 1 0 0 1, 2 1 1 2;
    -fx-color: -fx-pressed-base;
}

.radio-button .dot {
    -fx-background-color: transparent;
    -fx-background-insets: 0;
    -fx-background-radius: 1.0em; /* large value to make sure this remains circular */
    -fx-padding: 0.25em; /* 3 -- radius of the inner -ericsson-Black dot when selected */
}

.radio-button:selected .dot {
    -fx-background-color:#72922c;
    -fx-background-insets: 0 0 -1 0, 0;
}

.radio-button:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.radio-button:show-mnemonics .mnemonic-underline {
    -fx-stroke: -fx-text-fill;
} 

/*******************************************************************************
 *                                                                             *
 * TextField                                                                 *
 *                                                                             *
 ******************************************************************************/

.text-field {
    -fx-background-color:
        -ericsson-GreySilver,
        #d2d2d2,
        -ericsson-White;
    -fx-background-insets: 0,2 0 0 0,3 2 2 2;
    -fx-background-radius: 6;
    -fx-prompt-text-fill: derive(-fx-control-inner-background,-30%);
    -fx-font-size: 13px;
    -fx-cursor: text;  
}

.text-field:focused {
    -fx-border-width:2;
    -fx-border-color: -ericsson-PaleBlue;
    -fx-border-radius: 6;
}

.text-field:disabled {
    -fx-background-color:
        -ericsson-GreySilver,
        #d2d2d2,
        linear-gradient(#e2e1e1, #fefefe);
    -fx-background-insets: 1,2,3;
    -fx-prompt-text-fill: transparent;
}

#textOnError {
    -fx-border-width:2;
    -fx-border-color: #a32119;
    -fx-border-radius: 6;
}

/*******************************************************************************
 *                                                                             *
 * ProgressBar                                                                 *
 *                                                                             *
 ******************************************************************************/

.progress-bar {
    -fx-skin: "com.sun.javafx.scene.control.skin.ProgressBarSkin";
    -fx-background-color: #d2d2d2;
    -fx-background-insets: 0, 1;
    -fx-indeterminate-bar-length: 60;
    -fx-indeterminate-bar-escape: true;
    -fx-indeterminate-bar-flip: true;
    -fx-indeterminate-bar-animation-time: 2;
}

.progress-bar .bar {
    -fx-background-color:
        linear-gradient(to left, #db004f, #5f1f70);
    -fx-background-insets: 0, 1, 2;
    -fx-padding: 0.416667em; /* 5 */
}

.progress-bar:indeterminate .bar {
    -fx-background-color: linear-gradient(to left, transparent, #5f1f70, #db004f);
}

.progress-bar .track {
    -fx-background-color:
        -fx-box-border,
        linear-gradient(to bottom, derive(-fx-color,-15%), derive(-fx-color,2.2%) 20%, derive(-fx-color,60%));
    -fx-background-insets:  0, 1;
}

.progress-bar:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

/*******************************************************************************
 *                                                                             *
 * TabPane                                                                     *
 *                                                                             *
 ******************************************************************************/

.tab-pane {
    -fx-skin: "com.sun.javafx.scene.control.skin.TabPaneSkin";
    /* -fx-tab-min-width: 4.583em;  55 */
    /* -fx-tab-max-width: 4.583em; 55 */
    -fx-tab-min-height: 2em; /* 24 */
    -fx-tab-max-height: 2em; /* 24 */
}

.tab .tab-label {
    -fx-skin: "com.sun.javafx.scene.control.skin.LabelSkin";
    -fx-background-color: null;    
    -fx-alignment: CENTER;
    -fx-text-fill: -fx-text-base-color;
}
/*
.tab *.tab-label Text {
    -fx-effect: dropshadow(two-pass-box , rgba(255, 255, 255, 0.4), 1, 0.0 , 0, 1);
}*/

.tab-content-area {
    -fx-background-color: -fx-control-inner-background;
    -fx-padding: 0.0em; /* 0 */
    /* -fx-opacity: -fx-disabled-opacity;*/
}

.tab {
    /* This is how it is done in Button, but the -1 inset caused a white line  */
    /* to appear beneath the tab, which looks bad, so it's taken out below.    */
    -fx-border-color: null;
    -fx-border-insets: 0;
    -fx-border-image-source: url("../images/InactiveTab.png");
    -fx-border-image-slice: 1 10 1 10 fill;
    -fx-border-image-width: 1 10 1 10;
    -fx-border-image-repeat: stretch;
    -fx-padding: 0.083333em 0.5em 0.083333em 0.5em; /* 1 6 1 6 */
}

.tab:top {
    -fx-background-color: null;
}

.tab:right {
    -fx-background-color: null;
}

.tab:bottom {
    -fx-background-color: null;
}

.tab:left {
    -fx-background-color: null;
}

.tab:hover {
    -fx-color: -fx-hover-base;
}

.tab:selected {
   	-fx-border-color: null;
    -fx-border-insets: 0;
    -fx-border-image-source: url("../images/ActiveTab.png");
    -fx-border-image-slice: 1 10 1 10 fill;
    -fx-border-image-width: 1 10 1 10;
    -fx-border-image-repeat: stretch;
    -fx-padding: 0.083333em 0.5em 0.083333em 0.5em; /* 1 6 1 6 */
}

.tab-pane *.tab-header-background {
    -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
    -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
}

.tab-pane:top *.tab-header-area {
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.416667em 0.166667em 0.0em 0.833em; /* 5 2 0 10 */
}

.tab-pane:bottom *.tab-header-area {
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 0 0.166667em 0.416667em 0.833em; /* 0 2 5 0 */
}

.tab-pane:left *.tab-header-area {
    -fx-background-insets: 0, 0 1 0 0;
    -fx-padding: 0.833em 0.0em 0.166667em 0.416667em; /* 10 0 2 5 */
}

.tab-pane:right *.tab-header-area {
    -fx-background-insets: 0, 0 0 0 1;
    -fx-padding: 0.833em 0.416667em 0.166667em 0.0em; /* 10 5 2 0 */
}

.tab-pane .headers-region {
    -fx-effect: dropshadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0, 0);
}

/* TODO: scaling the shape seems to make it way too large */
.tab-close-button {
    -fx-background-color: #00285f;
    /*-fx-graphic: url("../images/btnCloseTab.png");*/
    -fx-shape: "M308.584,398.51l-1.627-1.909l1.627-1.907c0.102-0.12,0.146-0.268,0.133-0.417   c-0.018-0.145-0.094-0.274-0.199-0.356c-0.107-0.088-0.24-0.137-0.379-0.137c-0.17,0-0.336,0.077-0.449,0.208l-1.473,1.739   l-1.477-1.745c-0.111-0.125-0.275-0.2-0.448-0.2c-0.132,0-0.265,0.049-0.358,0.125c-0.117,0.09-0.193,0.221-0.211,0.364   c-0.014,0.149,0.031,0.297,0.133,0.418l1.623,1.907l-1.617,1.9c-0.201,0.241-0.172,0.573,0.072,0.776   c0.098,0.08,0.229,0.125,0.365,0.125c0.172,0,0.34-0.073,0.455-0.201c0,0,1.463-1.722,1.467-1.725l1.477,1.738   c0.109,0.123,0.273,0.195,0.447,0.195c0.133,0,0.262-0.043,0.354-0.114c0.123-0.089,0.199-0.216,0.219-0.36   C308.736,398.785,308.686,398.63,308.584,398.51z";
    -fx-scale-shape: false;
    -fx-effect: dropshadow(two-pass-box , rgba(255, 255, 255, 0.4), 1, 0.0 , 0, 1);
}

.tab-close-button:hover {
    -fx-background-color: derive(-fx-mark-color, -30%);
}

/* CONTROL BUTTONS */
.control-buttons-tab {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-padding: 0.083333em 0.25em 0.083333em 0.25em; /* 1 3 1 3 */
}

.tab-down-button {
    -fx-background-color: transparent;
    -fx-padding: 0.0em 0.416667em 0.0em 0.416667em; /* 0 5 0 5 */
}

.tab-down-button:hover {
    -fx-background-color: -fx-body-color;
    -fx-color: -fx-hover-base;
}

.tab-down-button .arrow {
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-background-insets: 1 0 -1 0, 0;
    -fx-padding: 0.238083em 0.416667em 0.238083em 0.416667em; /* 2.857 5 2.857 5 */
    -fx-shape: "M 0 0 H 7 L 3.5 4 z";
}

/* FLOATING TABS CUSTOMISATION */
.tab-pane.floating *.tab-header-background {
    -fx-background-color: null;
}

.tab-pane.floating *.tab-header-area {
    -fx-background-color: null;
}

.tab-pane.floating *.tab-content-area {
    -fx-background-color: -fx-tab-border-color, -fx-control-inner-background;
    -fx-background-insets: 0, 1;
    -fx-background-radius: 5, 4;
}

.tab-pane.floating *.tab {
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 0, 1, 2;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
}

.tab-pane.floating *.tab:selected {
    -fx-background-color: -fx-tab-border-color, -fx-control-inner-background;
    -fx-background-insets: 0 0 -1 0, 1 1 -1 1;
    -fx-background-radius: 5 5 0 0, 4 4 0 0;
}

/*.tab-pane:floating *.control-buttons-tab {
    -fx-padding: 0.083333em 0.25em 0.083333em 0.25em;
    -fx-background-color: -fx-tab-border-color, -fx-inner-border, -fx-body-color;
    -fx-background-radius: 5 5 0 0, 4 4 0 0, 3 3 0 0;
    -fx-background-insets: 0, 1 1 0 1, 2 2 0 2;
}*/



.fxvk {
    -fx-skin: "com.sun.javafx.scene.control.skin.FXVKSkin";
    -fx-cursor: default;
    -fx-background-color: #b1b1b1;
    -fx-padding: 0.333333em 0.083333em 0.666667em 0.083333em; /* 4 1 8 1 */
}

.fxvk-secondary {
    -fx-background-radius: 8;
    -fx-padding: 1 3 1 3;
}

.fxvk .key { 
    -fx-body-color: linear-gradient(to bottom, #efefef, #a3a3a3);
    -fx-font-family: "Segoe UI";
    -fx-font-size: 1.5em; /* 18pt */
    -fx-font-weight: bold;
    -fx-padding: 3 3 5 6;
    -fx-background-radius: 12;
}

.fxvk .secondary-key { 
    -fx-padding: 3 3 5 1;
}

.fxvk .key .label { 
    -fx-text-fill: #a1a1a1;
    -fx-font-weight: bold;
    -fx-alignment: TOP_RIGHT;
}

.fxvk .special-key { 
    -fx-body-color: linear-gradient(to bottom, #646464, #373737);
    -fx-text-fill: white;
    -fx-font-family: "Segoe UI Symbol";
}

/*******************************************************************************
 *                                                                             *
 * TreeView and TreeCell                                                       *
 *                                                                             *
 ******************************************************************************/

.tree-view {
    -fx-skin: "com.sun.javafx.scene.control.skin.TreeViewSkin";
    -fx-background-color: -fx-box-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1;

    /* There is some oddness if padding is in em values rather than pixels,
       in particular, the left border of the control doesn't show. */
    -fx-padding: 1; /* 0.083333em; */
}

.tree-view:focused {
    -fx-background-color: -fx-focus-color,-fx-box-border,-fx-control-inner-background;
    -fx-background-insets: -1.4, 0, 1;
    -fx-background-radius: 1.4, 0, 0;

    /* There is some oddness if padding is in em values rather than pixels,
       in particular, the left border of the control doesn't show. */
    -fx-padding: 1; /* 0.083333em; */
}

.tree-view .scroll-bar:vertical{
    -fx-background-insets: 0, 0 0 0 1;
    -fx-padding: -0.083333em -0.083333em -0.083333em 0.0em; /* -1 -1 -1 0 */
}

.tree-view .scroll-bar:horizontal{
    -fx-background-insets: 0, 1 0 0 0;
    -fx-padding: 0.0em 0.0em -0.083333em -0.083333em; /* 0 0 -1 -1 */
}

.tree-view:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.tree-view .corner {
    -fx-background-color: -fx-box-border, -fx-base;
    -fx-background-insets: 0, 1 0 0 1;
}

.tree-cell {
    -fx-skin: "com.sun.javafx.scene.control.skin.TreeCellSkin";
    -fx-background-color: derive(-ericsson-GreySilver, 60%);
    -fx-padding: 0.25em; /* 3 */
    -fx-text-fill: -fx-text-inner-color;
    -fx-indent: 10;
}

.tree-cell .label {
    -fx-padding: 0.0em 0.0em 0.0em 0.25em; /* 0 0 0 3 */
}

.tree-view:focused .tree-cell:focused {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-control-inner-background;
    -fx-background-insets: 0, 1, 2;
}

.tree-view:focused .tree-cell:filled:focused:selected {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-background: -fx-accent;
    -fx-text-fill: -fx-selection-bar-text;
}

.tree-view:focused .tree-cell:filled:selected, .tree-view:focused .tree-cell:filled:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: red;
    -fx-text-fill: -fx-selection-bar-text;
}

.tree-view:focused .tree-cell:filled:focused:selected:hover {
    -fx-background: -fx-accent;
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-selection-bar;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-selection-bar-text;
}

/* When the TreeView is _not_ focused, we show alternate selection colors */
.tree-cell:filled:selected:focused, .tree-cell:filled:selected {
    -fx-background-color: lightgray;
    -fx-text-fill: -fx-selection-bar-text;
}

.tree-cell:filled:selected:focused:disabled, .tree-cell:filled:selected:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.tree-cell .tree-disclosure-node {
    /** put a bit of padding around the disclosure node to make the clicking region larger */
    -fx-padding: 4 2 4 8;
    -fx-background-color: transparent;
}

.tree-cell .tree-disclosure-node:disabled {
    -fx-opacity: -fx-disabled-opacity;
}

.tree-cell .tree-disclosure-node .arrow {
    -fx-background-color: -fx-mark-color;
    -fx-padding: 0.333333em; /* 4 */
    -fx-shape: "M308.445,395.079l-1.383-1.138c-0.169-0.141-0.441-0.113-0.58,0.057c-0.07,0.084-0.104,0.191-0.094,0.301 c0.012,0.109,0.064,0.209,0.148,0.279l1.382,1.139c0.154,0.125,0.166,0.211,0.166,0.281s-0.012,0.156-0.166,0.281 c-0.41,0.336-1.953,1.547-1.953,1.547s-1.379,1.083-1.816,1.443c-0.176,0.143-0.201,0.403-0.059,0.58 c0.078,0.096,0.195,0.15,0.32,0.15c0.094,0,0.188-0.033,0.26-0.094c0.432-0.353,1.777-1.41,1.805-1.431c0,0,1.55-1.22,1.966-1.559 c0.314-0.257,0.469-0.558,0.469-0.919S308.758,395.336,308.445,395.079z         M305.538,392.775c-0.459-0.363-0.803-0.637-0.859-0.684c-0.168-0.141-0.441-0.117-0.582,0.051 c-0.07,0.084-0.104,0.191-0.094,0.301c0.008,0.109,0.061,0.209,0.145,0.279c0.057,0.049,0.408,0.327,0.879,0.699 c0.072,0.058,0.162,0.089,0.256,0.089c0.127,0,0.244-0.057,0.322-0.157c0.068-0.086,0.1-0.193,0.088-0.303 C305.678,392.941,305.624,392.844,305.538,392.775z";
}

.tree-cell:expanded .tree-disclosure-node .arrow {
    -fx-rotate: 90;
}

.tree-cell:filled:selected .tree-disclosure-node .arrow {
    -fx-background-color: -fx-selection-bar-text;
}

.tree-cell:filled:hover {
    -fx-background-color: -fx-cell-hover-color;
    -fx-text-fill: -fx-text-inner-color;
}

.tree-cell:filled:hover .tree-disclosure-node .arrow {
    -fx-background-color: -fx-mark-color;
}

.tree-view:focused .tree-cell:filled:focused:hover {
    -fx-background-color: -fx-focus-color, -fx-cell-focus-inner-border, -fx-cell-hover-color;
    -fx-background-insets: 0, 1, 2;
    -fx-text-fill: -fx-text-inner-color;
}

.tree-cell:filled:selected:hover .tree-disclosure-node .arrow {
    -fx-background-color: -fx-selection-bar-text;
}